import React from 'react';
import { Layout } from 'antd';
import { ProLayout } from '@ant-design/pro-components';
import { Link, Outlet } from 'react-router-dom';

const BasicLayout: React.FC = () => {
  return (
    <ProLayout
      title="我的应用"
      logo="/logo.svg"
      menuItemRender={(menuItemProps, defaultDom) => {
        if (menuItemProps.isUrl || menuItemProps.children) {
          return defaultDom;
        }
        return <Link to={menuItemProps.path!}>{defaultDom}</Link>;
      }}
    >
      <Outlet />
    </ProLayout>
  );
};

export default BasicLayout; 